<template>
  <ul class="grid_12 flex flex-h indication">
      <li>当前位置：</li>
      <li v-for="(item, index) in indicationData" :key="index">
          <a @click="clickIndication(item)">{{item.name}} </a>
          <span v-if="index!=indicationData.length-1">/</span>
      </li>
  </ul>
</template>

<script>

export default {
  props: {
    indicationData: {}
  },
  mounted () {

  },
  data () {
    return {

    }
  },
  methods: {
    clickIndication (item) {
      this.$router.push(item.path)
    }
  }
}
</script>

<style scoped>
.indication {
  list-style: none;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  font: 15px/22px PingFangSC-Regular,'-apple-system',Simsun;
  color: rgba(255,255,255,1);
}
.indication li a{
  color: lightblue;
  cursor: pointer;
}
.indication span {
  margin: 0px 3px
}
</style>
